@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

/* styles.css */
.custom-menu-item {
  padding: 0 36px !important; /* 增加左右边距 */
  margin-top: 20px;
}

.menu-with-logo {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: space-between; /* 分布两端 */
  height: 50px; /* 与 Menu 高度一致 */
}

.menu-with-logo .logo {
  margin-right: 16px; /* logo 右侧间距 */
}

.menu-with-logo .ant-menu-horizontal {
  display: flex;
  justify-content: flex-end; /* 菜单靠右 */
}

.ant-menu-dark,
.ant-menu-dark .ant-menu-submenu-title {
  background: transparent !important; /* 设置背景色为透明 */
  color: #23153C !important; /* 文字颜色为深蓝色 */
  border: none !important; /* 移除所有边框 */
}

/* 设置所有菜单项的文字颜色为深蓝色 */
.ant-menu-item,
.ant-menu-submenu-title {
  background: transparent !important; /* 设置背景色为透明 */
  color: #23153C !important; /* 文字颜色为深蓝色 */
  border: none !important; /* 移除所有边框 */
}

/* 当菜单项被选中或悬停时的文字颜色 */
.ant-menu-item-selected,
.ant-menu-item:hover,
.ant-menu-submenu-selected > .ant-menu-submenu-title,
.ant-menu-submenu-title:hover {
  color: #23153C !important; /* 保持文字颜色为深蓝色 */
  font-size: 1.1em !important; /* 字体微微变大 */
  font-weight: 700;
}

/* 选中菜单项时图标和文字微微放大，鼠标变成手型 */
.ant-menu-item-selected,
.ant-menu-item:hover,
.ant-menu-submenu-selected > .ant-menu-submenu-title,
.ant-menu-submenu-title:hover {
  cursor: pointer; /* 鼠标指针变成手型 */
}

/* 选中或悬停时更改图标大小 */
.ant-menu-item-selected img,
.ant-menu-item:hover img,
.ant-menu-submenu-selected > .ant-menu-submenu-title img,
.ant-menu-submenu-title:hover img {
  transform: scale(1.1); /* 图标微微变大 */
}

/* 固定顶部的菜单栏 */
.fixed-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000; /* 确保菜单栏在其他内容之上 */
  background: rgba(255, 255, 255, 0.1); /* 半透明背景，可根据需要调整 */
}